body {
	margin:20px 0;
}

* {
	font-family:cursive;
	font-size:12px;
}

#form {
	width:380px;
	margin:12% auto;
}

#wholeBody {
	width:100%;
}


.background_style{
	 background: url(images/NHLakesPicture.jpg);
	 background-attachment: fixed;
	 background-repeat: no-repeat;
	 background-size : 100% 100%;
}
.userId:hover, .userId:focus,
.password:hover, .password:focus,
input[type=submit]:hover, input[type=submit]:focus {
    opacity: 1.0;    

}

input[type=submit]:hover, input[type=submit]:focus {
    background-color:green;
}

.userId, .password {
    font-size:30px;
    text-align:left;
    position:relative;
    opacity:0.8;
    width:100%;
}

input[type=submit] {
    padding:5px 15px;
    background-color:blue;
    color:white;
    cursor:pointer;
    -webkit-border-radius:10px;
    border-radius:5px; 
    height:50px; 
    width:120px;
    font-size:20px;
    opacity: 0.8;
	border:solid 3px;
	border-color:white;
	float:right;
   
}

.err_msg {
	font-family:cursive;
	font-size:40px;
	color:red;
	position:relative;
	top=30px;
	right=30px
}

.info_msg {
	font-family:cursive;
	font-size:40px;
	color:blue;
	position:relative;
	top=30px;
	right=40px;
}
.welcome_msg {
	font-family:cursive;
	font-size:40px;
	color:Green;
	position:relative;
	top=30px;
	right=40px;
}
.messageBanner
{
opacity:0.8; 
background-color:white;
text-align:center;
width:100%;"
}